<!-- start优惠策略管理-弹出层 -->
<style>
    .check-info {
        position: absolute;
        width: 50px;
        height:50px;
        color: #fff;
        background: url("images/normal-reply.png") center no-repeat;
        background-size: cover;
    }
    .check-info:hover {
        background-image: url("images/normal-reply.png");
    }
    .check-info:visited {
        background-image: url("images/normal-reply.png");
    }
    .check-info:first-child {
        top:110px;
    }
    .check-info:last-child {
        top:350px;
    }
    div.k-window-content{overflow:hidden}
</style>
<div id="policy_edit_frame">
    <div class="hint-content" style="height:580px">
        <div class="workTicket-info" style="width:100%;display:inline-block;">
            <div class="layerTitle left"><span>优惠策略基本信息</span></div>
            <div class="hint-text">
                <label>优惠策略编码：</label>
                <input type="text" disabled placeholder="系统自动生成" class="k-textbox" data-bind="value:policiesCode" />
            </div>
            <div class="hint-text">
                <label>优惠策略名称：</label>
                <input type="text" class="k-textbox" data-bind="value:policiesName" />
            </div>
        </div>
        <div style="width:100%;display:inline-block;margin-top:5px;height:480px">

            <div style="width:100%">
                <div style="width:42%;float:left;">
                    <div style="height:375px">
                        <div class="layerTitle left"><span>可用优惠项目</span></div>
                        选择商家：<input type="text" id="merchantId" /><br>
                        <div style="width: 1px; height:5px;"></div>
                        <label>有效时间：</label>
                        <input bdPicker=" " style="width: 110px" data-bind="value:beginTime" type="text" />
                        -
                        <input bdPicker=" " style="width: 110px" data-bind="value:endTime" type="text" />
                        <div class="search-Btn" style="margin-left:0"><button data-bind="click:search_preferential">搜索</button></div>
                        <div style="width:100%; margin-top:5px; height:355px; border-left: 1px solid #ccc;border-right: 1px solid #ccc" id="preferential_data_list" data-bind="source:preferentDataList"></div>
                    </div>
                </div>
                <div style="width:5%;height:370px;float:left;margin:5px; position: relative;">
                    <div class="check-info" data-bind="click:add_group_btn">
                        <div class="check-info-content"></div>
                    </div>
                    <div class="check-info" data-bind="click:add_independent_btn">
                        <div class="check-info-content"></div>
                    </div>
                </div>
                <div style="width:51%;float:left;">
                    <div style="height:225px">
                        <div class="layerTitle left"><span>组合项目</span></div>
                        <div style="width:100%; height:85%; border-left:1px solid #ccc; border-right:1px solid #ccc;" id="policy_group_item" data-bind="source:policyGroupDataList"></div>
                    </div>
                    <div style="height:225px">
                        <div class="layerTitle left"><span>单独项目</span></div>
                        <div style="width:100%; height:85%; border-left:1px solid #ccc; border-right:1px solid #ccc;" id="policy_independent_item" data-bind="source:policyIndependentDataList"></div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    <div class="basicInfo-btn">
            <button class="save" data-bind="click:save_btn">确定</button>
            <button class="cancel" data-bind="click:cancel" >取消</button>
        </div>
</div>
<!-- end优惠策略管理-弹出层 -->
<script>
    var policyEdit = new PreferentialPolicyEdit($('#policy_edit_frame'))
</script>